<!--登陆 注册 忘记密码界面都在这一个界面中--> 
<!DOCTYPE html>  
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->

<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->

<!--[if !IE]><!--> <html lang="en_US"> <!--<![endif]-->
<#assign base=request.contextPath />   
<#import "/spring.ftl" as spring /> 
<!-- BEGIN HEAD -->

<head>  
	<meta charset="utf-8">
	<title><@spring.message "mlogin_title"/></title>  
	<#include "/ma/common/meta.ftl">  
    <#include "/ma/common/login-css.ftl">  
</head>

<!-- END HEAD -->

<!-- BEGIN BODY -->

<body class="login">

	<!-- BEGIN LOGO --> 
	<div class="logo"> 
		<img src="${base}/resources/ma/image/logo-big.png" alt="" />  
	</div>

	<!-- END LOGO -->

	<!-- BEGIN LOGIN -->

	<div class="content">

		<!-- BEGIN LOGIN FORM -->

		<form class="form-vertical login-form" action="${base}/admin/login" method="post">

			<h3 class="form-title"><@spring.message "mlogin_form_title"/></h3>

            <#if flag?? && flag>
				<div class="alert alert-error hide" style="display:block;">
            <#else>
                <div class="alert alert-error hide">
            </#if>
				<button class="close" data-dismiss="alert"></button>

				<span>${message}</span>

			</div>

			<div class="control-group">

				<!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->

				<label class="control-label visible-ie8 visible-ie9"><@spring.message "mlogin_form_username"/></label>

				<div class="controls">

					<div class="input-icon left">

						<i class="icon-user"></i>

						<input class="m-wrap placeholder-no-fix" type="text" placeholder="<@spring.message "mlogin_form_username"/>" name="username"/>

					</div>

				</div>

			</div>

			<div class="control-group">

				<label class="control-label visible-ie8 visible-ie9"><@spring.message "mlogin_form_password"/></label>

				<div class="controls">

					<div class="input-icon left">

						<i class="icon-lock"></i>

						<input class="m-wrap placeholder-no-fix" type="password" placeholder="<@spring.message "mlogin_form_password"/>" name="password"/>

					</div>

				</div>

			</div>

			<div class="form-actions">

				<label class="checkbox">

				<input type="checkbox" name="remember" value="1"/> <@spring.message "mlogin_form_remember"/>

				</label>

				<button type="submit" class="btn green pull-right">

				<@spring.message "mlogin_form_login"/> <i class="m-icon-swapright m-icon-white"></i>

				</button>            

			</div>

			<div class="forget-password">

				<h4><@spring.message "mlogin_form_forgot"/></h4>

				<p>

					<@spring.message "mlogin_form_reset_pre"/> <a href="javascript:;" class="" id="forget-password"><@spring.message "mlogin_form_reset_mid"/></a>

					<@spring.message "mlogin_form_reset_last"/>

				</p>

			</div>

			<div class="create-account">

				<p>

					<@spring.message "mlogin_form_noaccount"/>&nbsp; 

					<a href="javascript:;" id="register-btn" class=""><@spring.message "mlogin_form_account"/></a>

				</p>

			</div>

		</form>

		<!-- END LOGIN FORM -->        

		<!-- BEGIN FORGOT PASSWORD FORM -->

		<form class="form-vertical forget-form" action="index.html">

			<h3 class=""><@spring.message "mlogin_form_forgot"/></h3>

			<p><@spring.message "mlogin_form_email"/></p>

			<div class="control-group">

				<div class="controls">

					<div class="input-icon left">

						<i class="icon-envelope"></i>

						<input class="m-wrap placeholder-no-fix" type="text" placeholder="<@spring.message "mlogin_form_email_title"/>" name="email" />

					</div>

				</div>

			</div>

			<div class="form-actions">

				<button type="button" id="back-btn" class="btn">

				<i class="m-icon-swapleft"></i> <@spring.message "mlogin_form_back"/>

				</button>

				<button type="submit" class="btn green pull-right">

				<@spring.message "mlogin_form_submit"/> <i class="m-icon-swapright m-icon-white"></i>

				</button>            

			</div>

		</form>

		<!-- END FORGOT PASSWORD FORM -->

		<!-- BEGIN REGISTRATION FORM -->

		<form class="form-vertical register-form" action="./admin/login" method="post">

			<h3 class=""><@spring.message "mlogin_signup"/></h3>

			<p><@spring.message "mlogin_signup_note"/></p>

			<div class="control-group">

				<label class="control-label visible-ie8 visible-ie9"><@spring.message "mlogin_form_username"/></label>

				<div class="controls">

					<div class="input-icon left">

						<i class="icon-user"></i>

						<input class="m-wrap placeholder-no-fix" type="text" placeholder="<@spring.message "mlogin_form_username"/>" name="username"/>

					</div>

				</div>

			</div>

			<div class="control-group">

				<label class="control-label visible-ie8 visible-ie9"><@spring.message "mlogin_form_password"/></label>

				<div class="controls">

					<div class="input-icon left">

						<i class="icon-lock"></i>

						<input class="m-wrap placeholder-no-fix" type="password" id="register_password" placeholder="<@spring.message "mlogin_form_password"/>" name="password"/>

					</div>

				</div>

			</div>

			<div class="control-group">

				<label class="control-label visible-ie8 visible-ie9"><@spring.message "mlogin_signup_repwd"/></label>

				<div class="controls">

					<div class="input-icon left">

						<i class="icon-ok"></i>

						<input class="m-wrap placeholder-no-fix" type="password" placeholder="<@spring.message "mlogin_signup_repwd"/>" name="rpassword"/>

					</div>

				</div>

			</div>

			<div class="control-group">

				<!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->

				<label class="control-label visible-ie8 visible-ie9"><@spring.message "mlogin_form_email_title"/></label>

				<div class="controls">

					<div class="input-icon left">

						<i class="icon-envelope"></i>

						<input class="m-wrap placeholder-no-fix" type="text" placeholder="<@spring.message "mlogin_form_email_title"/>" name="email"/>

					</div>

				</div>

			</div>

			<div class="control-group">

				<div class="controls">

					<label class="checkbox">

					<input type="checkbox" name="tnc"/> <@spring.message "mlogin_signup_agree_1"/> <a href="#"><@spring.message "mlogin_signup_agree_2"/></a> <@spring.message "mlogin_signup_agree_3"/> <a href="#"><@spring.message "mlogin_signup_agree_4"/></a>

					</label>  

					<div id="register_tnc_error"></div>

				</div>

			</div>

			<div class="form-actions">

				<button id="register-back-btn" type="button" class="btn">

				<i class="m-icon-swapleft"></i>  <@spring.message "mlogin_form_back"/>

				</button>

				<button type="submit" id="register-submit-btn" class="btn green pull-right">

				<@spring.message "mlogin_signup"/> <i class="m-icon-swapright m-icon-white"></i>

				</button>            

			</div>

		</form>

		<!-- END REGISTRATION FORM -->

	</div>

	<!-- END LOGIN -->

	<!-- BEGIN COPYRIGHT -->

	<div class="copyright">

		<@spring.message "copyright"/>

	</div>   
    <#include "/ma/common/login-js.ftl"> 
	<!-- END PAGE LEVEL SCRIPTS -->  
	<script> 
		jQuery(document).ready(function() {    
		  App.init(); 
		  Login.init(); 
		});

	</script> 
	<!-- END JAVASCRIPTS --> 
</body> 
<!-- END BODY --> 
</html>